<template>
  <div>
    <div>人员接受</div>
    <a-form-model
      ref="ruleForm"
      :model="form"
      :rules="rules"
      :label-col="labelCol"
      :wrapper-col="wrapperCol"
    >
      <a-form-model-item ref="name" label="接收执行地" prop="reasonGoOut">
        <j-select-depart v-model="form.orgCodes" :trigger-change="true" customReturnField="orgCode" :multi="true"></j-select-depart>
      </a-form-model-item>
      <a-form-model-item label="三方合影" prop="orgCodes">
        <j-image-upload bizPath="" v-model="form.imgList"></j-image-upload>
      </a-form-model-item>
      <a-form-model-item label="《社区戒毒(康复)人员交接情况登记》" prop="exitAddressDetail">
        <a-input
          v-model="form.contactInformation"
          :disabled="true"
        >
          <template slot="suffix">
            <a href="">预览</a><a-divider type="vertical"/><a href="">下载</a>
          </template>
        </a-input>
      </a-form-model-item>
      <a-form-model-item label="交接登记材料" prop="contactInformation">
         <span style="position: relative">
            <j-upload
              v-model="form.exitMaterId"
            />
            <span>支持扩展名：.rar .zip .doc .docx .pdf .jpg...</span>
            <span style="position: absolute; left: 124px; top: 0">
              <a-tooltip placement="topLeft" title="请上传《社区戒毒(康复)人员交接情况登记》等交接登记文档">
                <a-icon type="question-circle"/>
              </a-tooltip>
            </span>
          </span><br/>
      </a-form-model-item>

      <div>报道设置</div>
      <a-form-model-item label="设置报道时间" prop="contentCaution">
         <span style="position: relative">
            <a-date-picker
              v-model="form.a"
              valueFormat='YYYY-MM-DD  HH:mm:ss'
              format="YYYY-MM-DD  HH:mm:ss"
              style="width: 100%"
            />
            <span style="position: absolute; right: -30px; top: -10px">
              <a-tooltip placement="topLeft" title="自社戒社康人员收到《社区康复决定书》之日起15日内为报道截止日期">
                <a-icon type="question-circle"/>
              </a-tooltip>
            </span>
          </span><br/>

      </a-form-model-item>
      <a-form-model-item label="联系方式">
        <a-input
          v-model="form.contactInformation"
          :disabled="true"
        >
          <template slot="suffix">
            <a href="">预览</a><a-divider type="vertical"/><a href="">下载</a>
          </template>
        </a-input>
      </a-form-model-item>
      <a-form-model-item label="实际出所时间" prop="resource">
        <a-date-picker
          v-model="form.a"
          valueFormat='YYYY-MM-DD  HH:mm:ss'
          format="YYYY-MM-DD  HH:mm:ss"
          style="width: 100%"
        />
      </a-form-model-item>
      <a-form-model-item label="其他说明" prop="contentCaution">
        <a-input v-model="form.contentCaution" type="textarea" />
      </a-form-model-item>
      <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }">
        <a-button>
          返回
        </a-button>
        <a-button style="margin-left: 10px;" type="primary" >
          确认
        </a-button>
        <a-button style="margin-left: 10px;">
          保存并退出
        </a-button>
      </a-form-model-item>
    </a-form-model>
  </div>
</template>

<script>
/*
通知
 */
import Vue from "vue";
import {USER_INFO} from "@/store/mutation-types";

export default {
  name: "notice",
  data(){
    return {
      form:{},
      labelCol: { span: 5 },
      wrapperCol: { span: 8 },
      rules:{},
      orgCode:''
    }
  },
  created() {
    this.orgCode = Vue.ls.get(USER_INFO).orgCode
    console.log(this.orgCode)
  }
}
</script>

<style scoped>

</style>